<!--
 * @Descripttion: 小程序链接
 * @Author: DXV-RGWU-TUFH-RFCY-IEGMYY
 * @Date: 2020-07-06 12:17:07
 * @LastEditors: DXV-RGWU-TUFH-RFCY-IEGMYY
 * @LastEditTime: 2023-05-09 13:44:45
-->
<template>
  <div class="lb-sys-sprolink">
    <top-nav></top-nav>
    <div class="page-main">
      <lb-tips>可配置以下链接到公众号菜单栏</lb-tips>
      <div class="mt-md" v-for="(item, index) in pageList" :key="index">
        <div>
          <span class="c-title">{{ item.title }}：</span>
          <span class="green">{{ `${link}${item.url}` }}</span>
          <lb-tool-tips :padding="0" v-if="item.tips">{{
            item.tips
          }}</lb-tool-tips>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      link: '',
      pageList: [
        {
          title: this.$t('action.attendantName') + '入驻页面',
          url: '/h5/?#/technician/pages/apply'
        },
        {
          title: '合作加盟页面',
          url: '/h5/?#/agent/pages/apply',
          tips: '代理商入驻入口'
        }
      ]
    }
  },
  created () {
    this.link = window.location.href.split('/#')[0]
  }
}
</script>

<style lang="scss" scoped>
.lb-sys-sprolink {
  width: 100%;
  .green {
    color: #4db14d;
  }
  .blue {
    color: #259fdc;
  }
  .red {
    color: #f00;
  }
}
</style>
